<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="//cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

    <script src="js/bootstrap.js"></script>
    <link rel="stylesheet" href="../src/assets/C_S_S/Main.css">


</head>
<body>
<div class="mainbox">
    <div class="boxtop" style="z-index: 3">
        <ul>
        <li class="boxtop1"><img src="../src/assets/images/logo.png" height="24" width="80"/></li>
        <li class="boxtop1"><a href="https://www.realme.com/cn/realme-gt-neo-2t">真我GT Neo2T</a></li>
        <li class="boxtop1"><a href="https://www.realme.com/cn/realmeow">真奇喵</a></li>
        <li class="boxtop1"><a href="https://www.realme.com/cn/realmeow">手机</a>
        <div class="sub_menu">
            <div class="leftmenu">
            <div  class="leftmenulittle">
                <dl><div class="littlebox"><P>真我GT NEO2</P>
                    <h1 style="font-size:8px">￥2988</h1>
                    <img src="images/text1.jpg" height="80" width="80"/></div>
                    <div class="littlebox"><P style="font-size: 8px">真我GT NEOPRO</P>
                        <h1 style="font-size: 8px">￥3288</h1>
                        <img src="images/text1.jpg" height="80" width="80"/></div>
                    <div class="littlebox"> <P style="font-size: 8px">真我GT NEOPROMAX</P>
                        <h1 style="font-size: 8px">￥3888</h1>
                        <img src="images/text.jpg" height="80" width="80"/></div>
                    <div class="littlebox"> <P style="font-size: 8px">真我GT NEOPROMAX</P>
                            <h1 style="font-size: 8px">￥3888</h1>
                            <img src="images/text1.jpg" height="80" width="80"/></div>
                    <div class="littlebox"> <P style="font-size: 8px">真我GT NEOPROMAX</P>
                        <h1 style="font-size: 8px">￥3888</h1>
                        <img src="images/text1.jpg" height="80" width="80"/></div>
                    <div class="littlebox"> <P style="font-size: 8px">真我GT NEOPROMAX</P>
                        <h1 style="font-size: 8px">￥3888</h1>
                        <img src="images/text1.jpg" height="80" width="80"/></div>
                    <div class="littlebox"> <P style="font-size: 8px">真我GT NEOPROMAX</P>
                        <h1 style="font-size: 8px">￥3888</h1>
                        <img src="images/text1.jpg" height="80" width="80"/></div>
                    <div class="littlebox"> <P style="font-size: 8px">真我GT NEOPROMAX</P>
                        <h1 style="font-size: 8px">￥3888</h1>
                        <img src="images/text1.jpg" height="80" width="80"/></div>
                    <div class="littlebox"> <P style="font-size: 8px">真我GT NEOPROMAX</P>
                        <h1 style="font-size: 8px">￥3888</h1>
                        <img src="images/text1.jpg" height="80" width="80"/></div>
                    <div class="littlebox"> <P style="font-size: 8px">真我GT NEOPROMAX</P>
                        <h1 style="font-size: 8px">￥3888</h1>
                        <img src="images/text1.jpg" height="80" width="80"/></div>
                    <div class="littlebox"> <P style="font-size: 8px">真我GT NEOPROMAX</P>
                        <h1 style="font-size: 8px">￥3888</h1>
                        <img src="images/text1.jpg" height="80" width="80"/></div>
                    <div class="littlebox"> <P style="font-size: 8px">真我GT NEOPROMAX</P>
                        <h1 style="font-size: 8px">￥3888</h1>
                        <img src="images/text1.jpg" height="80" width="80"/></div>






                </dl>
            </div>
            </div>
        </div>
        </li>
        <li class="boxtop1"><a href="https://www.realme.com/cn/realmeow">AIoT</a></li>
        <li class="boxtop1"><a href="https://www.realme.com/cn/realme-phones">所有产品</a></li>
        <li class="boxtop1"><a href="https://www.realme.com/cn/realme-phones">品牌</a></li>
        <li class="boxtop1"><a href="https://www.realme.com/cn/support">服务</a></li>
        <li class="boxtop1"><a href="https://www.realmebbs.com">社区</a></li>
        <li class="boxtop1"><a href="https://www.realme.com/cn/app-download">APP</a></li>
        <li class="boxtop1"><img src="images/personal.png" height="30" width="30"/></li>
        </ul>
    </div>
</div>

<div class="boxpicture">
    <div id="myCarousel" class="carousel slide">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0"
                class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
            <li data-target="#myCarousel" data-slide-to="4"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="images/banner1.jpg"  height="650" width="1535"alt="First slide">
            </div>
            <div class="item">
                <img src="images/banner2.jpg"height="650" width="1535" alt="Second slide">
            </div>
            <div class="item">
                <img src="images/banner3.jpg" height="650" width="1535"alt="Third slide">
            </div>
            <div class="item">
                <img src="images/banner5.jpg" height="650" width="1535"alt="Third slide">
            </div>
            <div class="item">
                <img src="images/mainpicture.png" height="650" width="1535"alt="Third slide">
            </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>

    </div>
</div>

    <script>
        $(function(){
            // 初始化轮播
            $(".start-slide").click(function(){
                $("#myCarousel").carousel('cycle');
            });
            // 停止轮播
            $(".pause-slide").click(function(){
                $("#myCarousel").carousel('pause');
            });
            // 循环轮播到上一个项目
            $(".prev-slide").click(function(){
                $("#myCarousel").carousel('prev');
            });
            // 循环轮播到下一个项目
            $(".next-slide").click(function(){
                $("#myCarousel").carousel('next');
            });
            // 循环轮播到某个特定的帧
            $(".slide-one").click(function(){
                $("#myCarousel").carousel(0);
            });
            $(".slide-two").click(function(){
                $("#myCarousel").carousel(1);
            });
            $(".slide-three").click(function(){
                $("#myCarousel").carousel(2);
            });
        });
    </script>

    <div class="boxsell">

    <div class="boxsellhead">
        <dl>
            <dd class="boxsellhead1">爆款折扣区</dd>
        </dl>
    </div>
    <div class="boxsellmain">
        <dl>
                <dd><img src="images/computer.png"/>
                    <h3>realme Book</h3>
                    <p>海岛灰 i5 16G+512G</p>
                    <h4>￥4399</h4>
                </dd>
                <dd><img src="images/ear.png" height="1080" width="1080"/>
                    <h3>真我Buds Air2</h3>
                    <p>黑薄荷</p>
                    <h4>￥199</h4>
                </dd>
                <dd><img src="images/liveair.png" height="920" width="922"/>
                    <h3>真我Buds Wireless Pro</h3>
                    <p>若草绿</p>
                    <h4>￥249</h4>
                </dd>
                <dd><img src="images/airpro.png" height="920" width="920"/>
                    <h3>真我Buds Air Pro</h3>
                    <p>彗星白</p>
                    <h4>￥299</h4>
                </dd>
            </dl>


    </div>

</div>

<div class="boxactivity">
    <div class="boxactivityhead">
    <div class="boxactivityhead1">
        <dl>
            <dd>热门活动</dd>
        </dl>
    </div>
    </div>
    <div class="boxactivitymain">
    <dl>
        <dd><div id="double11">
            <h3 style="font-size: 28px">realme 11.11</h3>
            <p style="font-size: 20px">狂欢补贴八亿 预定至高省500 享六期免息</p>
        </div></dd>
        <dd><div id="main">
            <h3 style="font-size: 24px">真我GT Neo2T新品首发</h3>
            <p>后生无畏</p>
        </div></dd>
        <dd><div id="new">
            <h3 style="color: #FFFFFF">真我QS3 首发</h3>
            <p style="color: #FFFFFF">144HZ变频赫兹 硬屏芯生</p>
        </div>
        </dd>
        <dd>
            <div id="Realmewatch">
                <h3 style="font-size: 28px">真我手表T1 新品首发</h3>
                <p > 运动通话手表 腕上新潮流</p>
            </div>

        </dd>
    </dl>
    </div>
</div>

<div class="boxbigpicture">
    <dl>
        <dd><img src="images/Safari.png"/></dd>
    </dl>
</div>

<div class="boxservice">
    <div class="boxservicepicture">
        <dl>
            <dd><img src="images/7.png"/></dd>
            <dd><img src="images/30.png"/></dd>
            <dd><img src="images/money.png"/></dd>
            <dd><img src="images/goods.png"/></dd>
        </dl>


    </div>
    <div class="boxservicetext">

        <dl>
            <dd class="boxservicetext">七天无理由退货</dd>
            <dd class="boxservicetext">手机30天换货保障</dd>
            <dd class="boxservicetext">满79包邮</dd>
            <dd class="boxservicetext">正品保障</dd>
        </dl>
    </div>

    <div class="bottom-middle">
        <div class="bottom-menu">
            <h2 class="bottom-menu-title">推荐产品</h2>
            <ul class="bottom-menu-list">
                <li><a href="#">真我GT Neo2T</a></li>
                <li><a href="#">真我Q3s</a></li>
                <li><a href="#">真我GT Neo2 5G</a></li>
                <li><a href="#">真我GT 大师探索版 5G</a></li>
                <li><a href="#">真我GT Neo 闪速版 5G </a></li>
                <li><a href="#">真我 GT 5G</a></li>
                <li><a href="#">真我Q3 Pro 5G</a></li>
            </ul>
        </div>
        <div class="bottom-menu">
            <h2 class="bottom-menu-title">服务支持</h2>
            <ul class="bottom-menu-list">
                <li><a href="#">配送方式</a></li>
                <li><a href="#">服务政策</a></li>
                <li><a href="#">常见问题</a></li>
                <li><a href="#">故障排除</a></li>
                <li><a href="#">预装应用公示</a></li>
                <li><a href="#">R码通道</a></li>
            </ul>
        </div>
        <div class="bottom-menu">
            <h2 class="bottom-menu-title">关于我们</h2>
            <ul class="bottom-menu-list">
                <li><a href="#">关于realme</a></li>
                <li><a href="#">ColorOS官网</a></li>
                <li><a href="#">realme社区</a></li>
                <li><a href="#">加入我们</a></li>
            </ul>
        </div>
        <div class="bottom-menu">
            <h2 class="bottom-menu-title">联系我们</h2>
            <ul class="bottom-menu-list">
                <li><a href="#">service.cn@realme.com</a></li>
            </ul>
        </div>
        <div class="bottom-menu">
            <div class="bottom-middle-menu-phone"><a href="#">400-628-0066</a></div>
            <div class="bottom-middle-menu-time">8:00-20:00，周一至周日</div>
            <div class="bottom-middle-menu-client"><a><img src="img/client.png">在线客服</a></div>
            <div class="bottom-middle-menu-time">9:00-22:00，周一至周日</div>
            <div class="bottom-middle-menu-social">
                <div class="bottom-middle-menu-wechat"> <a><img src="img/WeChat.png"></a></div>
                <div class="bottom-middle-menu-weibo"><a><img src="img/weibo.png"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="region">
        <a>Mainland China ( 简体中文 / CNY )</a>
    </div>
    <div class="bottom-end">
        <div class="wrapper" style="display: flex;flex-direction: row;justify-content: space-around">
            <div class="copyright">
                © 2019-2021 realme 版权所有. 渝ICP证20200030号
                渝ICP备19011033号-1
                渝公网安备 50011202501913号</div>
            <div class="legal">
                <a href="">用户协议</a>|
                <a href="">隐私政策</a>|
                <a href="">服务政策</a>|
                <a href="">侵权投诉指南</a>
            </div>
        </div>
    </div>

</div>




</body>
</html>
